<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		
		<link rel="stylesheet" href="css/sample_01.css">
		<title>AVALON學生系統--東海大學</title>
		
		
		
	</head>
	<body>
		
		<!-- 禁止选中 -->
		<!-- <body oncontextmenu="return false"  onselectstart="return false"  ondragstart="return false" οncοpy="return false"> -->
		<body onselectstart="return false" >
		<!-- 頭部 -->
		<div class="header">
			
		</div>
		
		
		<div class="body">
			<!-- 所有圖標的大盒子 -->
			<div class="container">
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/作業瀏覽.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>作業瀏覽</p>
					
				</div>
				
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/學生論壇.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>學生論壇</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/課表.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>課表</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/課堂資訊.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>課堂資料</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/勞作教育.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>勞作教育</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/選課.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>選課</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/學生資訊.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>學生資訊</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/其他.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>其他</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/新聞.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>校園新聞</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/帳號.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>賬號登錄</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/聯絡資訊.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>校園資訊</p>
					
				</div>
				<!-- 每個圖標的小盒子 -->
				<div class="box">
					<!-- 放圖標的小盒子 -->
					<div class="img">
						<img src="img/贊助.svg" alt=""/>
					</div>
					
					<!-- 圖標名字 -->
					<p>贊助</p>
					
				</div>
				
				
				
			</div>
			
		</div>
		
	</body>
</html>
